<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>bra</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<link rel="stylesheet" type="text/css" href="../css/lib/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
		<link rel="stylesheet/less" href="../css/bra.less" />
	</head>

	<body>
		<div id="app" class="container">
			<!--设置纵向滚动条-->
			<div class="el-overflow-y" id="overflowForY" :style="{height: ''+ fullHeight + ''}" :class="{'home-page-bgimg': curId===0, 'introduce-bgimg': curId===1, 'new-products-bgimg': curId===2, 'brand-dynamics-bgimg': curId===3, 'contact-information': curId===4, 'learn-more-bgimg': curId===5}">
				<div class="el-header">
					<div class="div-header-animotion">
						<template>
							<el-carousel trigger="click" height="300px">
								<el-carousel-item v-for="list in imgLists" :key="list">
									<img :src="list.imgUrl" />
								</el-carousel-item>

							</el-carousel>
						</template>
					</div>
					<div class="div-header-nav" :class="navBarFixed == true ? 'navBarWrap' :''">
						<a><img src="../img/bra.png" /></a>
						<a href="javascript:void(0)" @click="curId=0" :class="{'curcss':curId===0}">首页</a>
						<a href="javascript:void(0)" @click="curId=1" :class="{'curcss':curId===1}">品牌介绍</a>
						<a href="javascript:void(0)" @click="curId=2" :class="{'curcss':curId===2}">新品展示</a>
						<a href="javascript:void(0)" @click="curId=3" :class="{'curcss':curId===3}">品牌动态</a>
						<a href="javascript:void(0)" @click="curId=4" :class="{'curcss':curId===4}">联系方式</a>
						<a href="javascript:void(0)" @click="curId=5" :class="{'curcss':curId===5}">了解更多</a>
					</div>
				</div>
				<div class="el-main">
					<div class="div-body-main">
						<div class="div-home-page" v-show="curId===0">
							<el-row :gutter="5">
								<el-col :span="8">
									<div class="div-row1 div-row1-col1">
										<div class="div-col1-div1">
											<img src="../img/bra34.jpg" />
										</div>
										<div class="clear"></div>
										<div class="div-col1-div2">
											<img src="../img/bra2.jpg" />
										</div>
									</div>
								</el-col>
								<el-col :span="16">
									<div class="div-row1 div-row1-col2">
										<div class="div-col2-div1">
											<div class="div-row1col2-img">
												<img src="../img/bra24.jpg" />
											</div>
											<div class="div-row1col2-msg">
												<div class="">
													<p>Brand introduction</p>
													<p style="width: 80px; border: 1px solid #111;margin-left: 30%;">see More</p>
												</div>
											</div>
										</div>
										<div class="div-col2-div2">
											<p>水水水水水水水水水水水水水水水水水水水水水水水水水水</p>
											<p>水水水水水水水水水水水水水</p>
										</div>
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="10">
									<div class="div-row1 div-row2-col1">
										<div class="row2-col1-div1" style="padding-top: 15px;">
											<p>YOU ARE SEXY <br />
												<ins>YOU</ins> ARE QUEEN</p>
										</div>
										<div class="row2-col1-div2">
											<p>
												ty tyui hj uyio ghj h hgjk ghj jghj jghj jgjh ghj hgj ghj jhgj gh jgh
											</p>
										</div>
									</div>
								</el-col>
								<el-col :span="10" :offset="4">
									<div class="div-row1 div-row2-col2">
										<img src="../img/bra25.jpg" />
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="10">
									<div class="div-row1 div-row3-col1">
										<div class="row3-col1-img">
											<img src="../img/bra36.jpg" />
										</div>
										<div class="row3-col1-icon">
											<img src="../img/bra.png" /> <br />
											<span class="">uyu oopjpxiu iuo uio </span>
										</div>
									</div>
								</el-col>
								<el-col :span="14">
									<div class="div-row1 div-row3-col2">
										<div class="row3-col2-sibling1">
											<div class="row3col2-sibling1-icon">
												<p>
													<img src="../img/bra.png" /> <br />
													<span class="">uyu oopjpxiu iuo uio </span>
												</p>
											</div>
											<div class="row3col2-sibling1-img">
												<img src="../img/bra26.jpg" />
											</div>
										</div>
										<div class="row3-col2-sibling2">
											<div class="row3col2-sibling2-img"><img src="../img/bra1.jpg" /></div>
											<div class="row3col2-sibling2-img"><img src="../img/bra2.jpg" /></div>
											<div class="row3col2-sibling2-img"><img src="../img/bra3.jpg" /></div>
											<div class="row3col2-sibling2-img"><img src="../img/bra4.jpg" /></div>
										</div>
									</div>
								</el-col>
							</el-row>
							<div class="div-row1 div-row4-col1">
								<h2>NEW A<ins>RR</ins>IVAL</h2>
							</div>
							<el-row :gutter="5">
								<el-col :span="6">
									<div class="div-row1 div-row5-col1">
										<div class="row5-col1-img"><img src="../img/bra31.jpg" /></div>
										<div class="row5-col1-msg">
											<P>Gatheaed Bra</P>
											<P><span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
											</P>
											<p>￥600.00</p>
										</div>
									</div>
								</el-col>
								<el-col :span="6">
									<div class="div-row1 div-row5-col1">
										<div class="row5-col1-img"><img src="../img/bra29.jpg" /></div>
										<div class="row5-col1-msg">
											<P>Gatheaed Bra</P>
											<P>
												<span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
											</P>
											<p>￥600.00</p>
										</div>
									</div>
								</el-col>
								<el-col :span="6">
									<div class="div-row1 div-row5-col1">
										<div class="row5-col1-img"><img src="../img/bra12.jpg" /></div>
										<div class="row5-col1-msg">
											<P>Gatheaed Bra</P>
											<P><span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
											</P>
											<p>￥600.00</p>
										</div>
									</div>
								</el-col>
								<el-col :span="6">
									<div class="div-row1 div-row5-col1">
										<div class="row5-col1-img"><img src="../img/bra27.jpg" /></div>
										<div class="row5-col1-msg">
											<P>Gatheaed Bra</P>
											<P><span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
												<span class="el-icon-star-on"></span>
											</P>
											<p>￥600.00</p>
										</div>
									</div>
								</el-col>
							</el-row>
							<div class="div-row1 div-row4-col1">
								<h3>&nbsp;</h3>
							</div>
							<el-row :gutter="5">
								<el-col :span="8">
									<div class="div-row1 div-row6-col1">
										<div class="row6-col1-div1">
											<p>YOU ARE SEXY <br />
												<ins>YOU</ins> ARE QUEEN</p>
										</div>
										<div class="row6-col1-div2">
											<img src="../img/bra6.jpg" />
										</div>
									</div>
								</el-col>
								<el-col :span="15" :offset="1">
									<div class="div-row1 div-row6-col2">
										<img src="../img/bra23.jpg" />
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="9">
									<div class="div-row1 div-row7-col1">
										<p>ssdassdfksnfshdfhsjkdfh<br /> ;afa;f;sdgsdnnmnxnv
											<br /> sdfssdgmslksdgm
										</p>
									</div>
								</el-col>
								<el-col :span="6">
									<div class="div-row1 div-row7-col1">
										<img src="../img/bra15.jpg" />
									</div>
								</el-col>
								<el-col :span="4">
									<div class="div-row1 div-row7-col1">
									</div>
								</el-col>
								<el-col :span="3">
									<div class="div-row1 div-row7-col1">
										<p class="p-text-right">
											sfsdfsdfsdf<br /> asdasdasdklsdgjlkj
										</p>
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="8">
									<div class="div-row1 div-row8-col1">
										<div class="row8-col1-div1" style="visibility: hidden;">
											<span>&nbsp;</span>
										</div>
										<div class="row8-col1-div2">
											<p>sss</p>
											<p>dasg zaq sgdfh asd</p>
											<p>asda hjg sewr dfs</p>
										</div>
									</div>
								</el-col>
								<el-col :span="7" :offset="1">
									<div class="div-row1 div-row8-col2">
										<div class="row8-col2-div1">
											<h2>DESIGNE<ins>RS</ins> DESIGN</h2>
										</div>
										<div class="row8-col2-div2">
											<img src="../img/bra33.jpg" />
										</div>
									</div>
								</el-col>
								<el-col :span="6" :offset="2">
									<div class="div-row1 div-row8-col3">
										<img src="../img/bra16.jpg" />
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="7">
									<div class="div-row1 div-row9-col1">
										<img src="../img/bra14.jpg" />
									</div>
								</el-col>
								<el-col :span="7">
									<div class="div-row1 div-row9-col1">
										<img src="../img/bra17.jpg" />
									</div>
								</el-col>
								<el-col :span="10">
									<div class="div-row1 div-row9-col3">
										<p>ad afsdger jns oamm kldnfdsn alfans sdfns nlsndf </p>
									</div>
								</el-col>
							</el-row>

						</div>
						<div class="div-introduce" v-show="curId===1">
							<el-row :gutter="5">
								<el-col :span="8">
									<div class="div-row1-col1">
										<div class="div-msg-block">
											<div class="div-title-msg">自然舒适<span></span></div>
											<p>她，轻薄如美<br />享受舒适之美</p>
										</div>
									</div>
								</el-col>
								<el-col :span="16">
									<div class="div-img-block">
										<img src="../img/bra32.jpg" />
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="16">
									<div class="div-img-block">
										<img src="../img/bra21.jpg" />
									</div>
								</el-col>
								<el-col :span="8">
									<div class="div-row1-col1">
										<div class="div-msg-block">
											<div class="div-title-msg">轻薄透气<span></span></div>
											<p>如羽轻拂<br />体验轻装上阵的自如</p>
										</div>
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="8">
									<div class="div-row1-col1">
										<div class="div-msg-block">
											<div class="div-title-msg">轻薄透气<span></span></div>
											<p>她，轻薄如美<br />享受舒适之美</p>
										</div>
									</div>
								</el-col>
								<el-col :span="16">
									<div class="div-img-block">
										<img src="../img/bra36.jpg" />
									</div>
								</el-col>
							</el-row>
							<el-row :gutter="5">
								<el-col :span="16">
									<div class="div-img-block">
										<img src="../img/bra32.jpg" />
									</div>
								</el-col>
								<el-col :span="8">
									<div class="div-row1-col1">
										<div class="div-msg-block">
											<div class="div-title-msg">自然舒适<span></span></div>
											<p>如羽轻拂<br />体验轻装上阵的自如</p>
										</div>
									</div>
								</el-col>
							</el-row>

						</div>
						<div class="div-new-products" v-show="curId===2">
							<div class="new-products-tatle">
									<div class="products-tatle">
										<ins>当季主推</ins>
									</div>
							</div>
							<!--暂时不作废了。或许还有其他用处，就不用再设计样式了-->
							<el-row :gutter="5" v-for="season in seasons">
								<el-col :span="14">
									<div class="grid-content bg-purple">
										<img :src="season.imgUrl" />
									</div>
								</el-col>
								<el-col :span="10">
									<div class="grid-content bg-purple">
										<div class="new-products-img">
											<p class="p-img-msg"><span class="span-goods">品名：</span>{{season.name}}</p>
											<p class="p-img-msg"><span class="span-goods">面料：</span>{{season.material}}</p>
											<p class="p-img-msg"><span class="span-goods">简介：</span>{{season.message}}</p>
											<p class="p-img-msg"><span class="span-goods">可选：</span>{{season.size}}</p>
											<p class="p-img-msg"><span class="span-goods">期待指数：</span><span v-for="star in season.stars" class="el-icon-star-on"></span></p>
										</div>
									</div>
								</el-col>
							</el-row>
							<div class="new-products-tatle">
								<div class="products-tatle">
									<ins>女神热购</ins>
								</div>
							</div>
							<div class="sell-well">
								<div class="div-flex-show" v-for="item in items">
									<div class="flex-show-img">
										<img :src="item.imgUrl" />
									</div>
									<div class="new-products-fleximg">
										<p class="p-img-msg"><span class="span-goods">品名：</span>{{item.name}}</p>
										<p class="p-img-msg"><span class="span-goods">面料：</span>{{item.material}}</p>
										<p class="p-img-msg"><span class="span-goods">简介：</span>{{item.message}}</p>
										<p class="p-img-msg"><span class="span-goods">可选：</span>{{item.size}}</p>
										<p class="p-img-msg"><span class="span-goods">期待指数：</span><span v-for="star in item.stars" class="el-icon-star-on"></span></p>
									</div>
								</div>
							</div>
							
							
						</div>
						<div class="div-brand-dynamics" v-show="curId===3">
							<el-row :gutter="5" v-for="dynamic in dynamics">
								<el-col :span="24">
									<div class="div-dynamic" :style="{backgroundImage: 'url(' + dynamic.imgUrl + ')' }">
										<div class="div-dynamic-name" :style="{color: dynamic.color}">
											<p>活动名：{{dynamic.name}}</p>
										</div>
										<div class="div-dynamic-msg" :style="{color: dynamic.color}">
											<p>活动背景：{{dynamic.bgm}}</p>
											<p>活动地点：{{dynamic.address}}</p>
											<p>时间：{{dynamic.time}}</p>
										</div>
									</div>
								</el-col>
							</el-row>
						</div>
						<div class="div-contact-information" v-show="curId===4">
							<!--联系方式-->
							<el-row :gutter="5">
								<el-col :span="24">
									<div class="">
										<div class="div-tel">
											24小时服务电话：1771717
										</div>
										<div class="div-wechat">
											微信随时回复：1771717
										</div>
										<div class="div-email">
											即回邮件通知：1771717
										</div>
										<div class="div-tel">
											QQ永远在线：1771717
										</div>
									</div>
								</el-col>
							</el-row>
						</div>
						<div class="div-learn-more" v-show="curId===5">
							<!--了解更多-->
							<el-row :gutter="5">
								<el-col :span="24">
									<div class="">
										<el-collapse v-model="activeNames" @change="handleChange">
											<el-collapse-item title="如何下订 " name="1">
												<div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
												<div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
											</el-collapse-item>
											<el-collapse-item title="支付说明 /付款方式" name="2">
												<div class="right-accountinfo">
													<div id="zhifu" class="rt_active">
														<div class="rt_box">
															<div class="rt_box_tx">
																支持支付宝、网银在线支付、微信及货到付款支付。
															</div>
															<div class="rt_box_subtitle">
																1﹑支付宝
															</div>
															<div class="rt_box_tx">
																如果您已经拥有支付宝账户，可选择支付宝进行付款。如果您还不知道如何使用支付宝，请点击查看支付宝支付帮助(https://help.alipay.com/lab/index.htm)
															</div>
															<div class="rt_box_subtitle">
																2﹑网银在线
															</div>
															<div class="rt_box_tx">
																您也可以选择网银在线支付您的订单。网银在线与数十家国内银行以及众多国际卡组织达成协议，全面支持国内主流银行发行的各类借记卡和信用卡，以及国际信用卡。
															</div>
															<div class="rt_box_tx">
																选择网银支付，您的银行卡需要开通相应的在线业务。因各地银行政策不同，建议您在网上支付前拨打所在地银行电话，咨询该行可供网上支付的银行卡种类及开通手续。
															</div>
															<div class="rt_box_tx">
																网银在线不在消费者的银行卡上扣除任何费用，银行在消费者的银行卡中扣除的仅仅是消费者购买的商品或服务的售价。
															</div>
															<div class="rt_box_tx">
																查看网银在线支付帮助(https://www.chinabank.com.cn/gateway/process.html)
															</div>
														</div>
														<!-- 767以上显示 start -->
														<div class="rt_box_title py_sub1">
															网上支付限额目前各银行对于网上支付均有一定金额的限制，由于各银行政策不同，建议您在申请网上支付功能时向银行咨询相关事宜
														</div>
														<div class="rt_table_cover">
															<table class="rt_table" cellpadding="0" border="0">
																<tbody>
																	<tr>
																		<td class="rt_table_td0"></td>
																		<td class="rt_table_td1" align="left">银行名称（银行热线电话）</td>
																		<td class="rt_table_td2" align="left">支持卡种</td>
																		<td class="rt_table_td3" align="center">覆盖范围</td>
																		<td class="rt_table_td4" align="right"></td>
																		<td class="rt_table_td5" align="center">支付限额</td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:15px"></td>
																	</tr>
																	<tr>
																		<td rowspan="3" colspan="2" class="rt_table_lpd rt_table_vc" valign="middle" align="left">交通银行95559</td>
																		<td align="left">太平洋借记卡</td>
																		<td rowspan="3" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td align="right">50000（单笔）</td>
																		<td align="center">50000（日累）</td>
																	</tr>
																	<tr>
																		<td align="left">太平洋准贷记卡</td>
																		<td align="right">50000（单笔）</td>
																		<td align="center">50000（日累）</td>
																	</tr>
																	<tr>
																		<td align="left">太平洋贷记卡</td>
																		<td align="right">50000（单笔）</td>
																		<td align="center">10000（日累）</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																	<tr>
																		<td rowspan="3" colspan="2" class="rt_table_lpd rt_table_vc" valign="middle" align="left">中国银行95566</td>
																		<td align="left">长城电子借记卡</td>
																		<td rowspan="3" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td align="right">10000（单笔）</td>
																		<td align="center">50000（日累）</td>
																	</tr>
																	<tr>
																		<td align="left">中银系列信用卡</td>
																		<td align="right">10000（单笔）</td>
																		<td align="center">50000（日累）</td>
																	</tr>
																	<tr>
																		<td align="left">太平洋贷记卡</td>
																		<td align="right">5000（单笔）</td>
																		<td align="center">50000（日累）</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																	<tr>
																		<td rowspan="2" colspan="2" class="rt_table_lpd rt_table_vc" valign="middle" align="left">广东发展银行 95508</td>
																		<td align="left">借记卡、存折</td>
																		<td rowspan="2" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td colspan="2" class="rt_table_lpd2" align="center">无限额</td>
																	</tr>
																	<tr>
																		<td align="left">贷记卡</td>
																		<td align="right">1500（单笔）</td>
																		<td align="center">2000（日累）</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																	<tr>
																		<td rowspan="5" colspan="2" class="rt_table_lpd rt_table_vc" valign="middle" align="left">中国工商银行95588</td>
																		<td align="left">理财金账户</td>
																		<td rowspan="5" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td rowspan="5" colspan="2" class="rt_table_lpd2 rt_table_vc" align="center">无限额</td>
																	</tr>
																	<tr>
																		<td align="left">牡丹灵通卡</td>
																	</tr>
																	<tr>
																		<td align="left">牡丹信用卡</td>
																	</tr>
																	<tr>
																		<td align="left">牡丹贷记卡</td>
																	</tr>
																	<tr>
																		<td align="left">牡丹国际卡</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																	<tr>
																		<td rowspan="2" colspan="2" class="rt_table_lpd rt_table_vc" valign="middle" align="left">中国农业银行95599</td>
																		<td align="left">金穗借记卡</td>
																		<td rowspan="2" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td colspan="2" rowspan="2" class="rt_table_lpd2 rt_table_vc" align="center">无限额</td>
																	</tr>
																	<tr>
																		<td align="left">金穗准贷记卡</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																	<tr>
																		<td rowspan="2" colspan="2" class="rt_table_lpd rt_table_vc" valign="middle" align="left">中国建设银行95533</td>
																		<td align="left">龙卡借记卡</td>
																		<td rowspan="2" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td align="right">100万（单笔）</td>
																		<td align="center">100万（日累）</td>
																	</tr>
																	<tr>
																		<td align="left">龙卡准贷记卡</td>
																		<td align="right">100万（单笔）</td>
																		<td align="center">100万（日累）</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																	<tr>
																		<td rowspan="4" colspan="2" class="rt_table_lpd rt_table_vc" id="cod" valign="middle" align="left">上海浦东发展银行95528</td>
																		<td align="left">东方卡借记卡</td>
																		<td rowspan="4" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td rowspan="4" colspan="2" class="rt_table_lpd2 rt_table_vc" align="center">无限额</td>
																	</tr>
																	<tr>
																		<td align="left">东方卡准贷记卡</td>
																	</tr>
																	<tr>
																		<td align="left">活期一本通</td>
																	</tr>
																	<tr>
																		<td align="left">信用卡</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																	<tr>
																		<td rowspan="2" colspan="2" class="rt_table_lpd rt_table_vc" valign="middle" align="left">招商银行95555</td>
																		<td align="left">一卡通借记卡</td>
																		<td rowspan="2" class="rt_table_vc" valign="middle" align="center">全国</td>
																		<td colspan="2" rowspan="2" class="rt_table_lpd2 rt_table_vc" align="center">无限额</td>
																	</tr>
																	<tr>
																		<td align="left">招行信用卡</td>
																	</tr>
																	<tr>
																		<td colspan="6" class="rt_table_btbd"></td>
																	</tr>
																	<tr>
																		<td colspan="6" style="height:2px"></td>
																	</tr>
																</tbody>
															</table>
														</div>
														<!-- 767以上显示 end -->
														<!-- 767以下显示 start -->
														<div class="rt_box_subtitle py_sub2">
															网上支付限额
														</div>
														<div class="rt_box_tx py_sub2">
															目前各银行对于网上支付均有一定金额的限制，由于各银行政策不同，建议您在申请网上支付功能时向银行咨询相关事宜。
														</div>
														<!-- 767以下显示 end -->
														<div class="rt_box_subtitle">
															3﹑微信
														</div>
														<div class="rt_box_tx">
															如果您已经拥有微信账户，可选择微信进行付款。
														</div>
														<div class="rt_box_subtitle">
															4﹑货到付款
														</div>
														<div class="rt_box_tx">
															您在订购商品时，可选择货到付款支付方式，目前货到付款支付方式只接受现金支付。了解
															<a>货到付款配送范围</a>
														</div>
														<div class="rt_box_tx">
															提醒您：如遇陌生电话以“支付宝账号出错”或“资金被冻结”等各种原因要求您提供支付宝等账户密码信息，多数为诈骗信息， 不会在任何情况下要求您提供支付宝等账户密码信息。请您务必保护好相关个人账户安全，保持警惕，谨防诈骗。
														</div>
														<!-- 价格说明 -->
														<div class="rt_box_title" style="padding-top:10px;">
															价格说明
														</div>
														<div class="rt_box_subtitle">
															1﹑划线价格
														</div>
														<div class="rt_box_tx">
															指商品的专柜价、吊牌价、正品零售价、厂商指导价或该商品的曾经展示过的销售价等，
															<b>并非原价</b>，仅供参考。
														</div>
														<div class="rt_box_subtitle">
															2﹑未划线价格
														</div>
														<div class="rt_box_tx">
															指商品的
															<b>实时标价</b>，不因表述的差异改变性质。具体成交价格根据商品参加活动，或会员使用优惠券、积分等发生变化，最终以订单结算页价格为准。
														</div>
													</div>
													<div id="fapiao">
														<div class="rt_title">
															发票制度
														</div>
														<div class="rt_box">
															<div class="rt_box_tx">
																1﹑2018年1月8日起，UnderArmour官方商城将采用电子发票的形式发送给顾客。如需发票，请于下单时填点选电子发票，选择发票抬头类型（个人或公司），填写相关信息，发票系统将自动开票。如没有勾选，将视为不需要发票，不予开具。
															</div>
															<div class="rt_box_tx">
																2﹑发票开具后，UnderArmour官方商城会将下载地址推送至发票信息中所留的手机或电子邮箱中，顾客可点击进行下载。如有任何问题，请咨询在线客服。
															</div>
															<div class="rt_box_tx">
																3﹑官方商城提供的个人发票是普通发票，此发票可用作单位报销使用。
															</div>
															<div class="rt_box_tx" style="">
																<span style="float:left;">4、</span>
																<span style="color:#E52837;">根据国家税务总局公告2017年第16号，如您需要开具企业增值税普通发票，请同时提供企业名称全称及纳税人识别号或统一社会信用代码，未提供的订单将无法开具发票。</span>
															</div>
															<div class="rt_box_tx">
																5﹑发票内容默认为"运动服"，很抱歉我们不提供修改发票内容的服务。
															</div>
															<div class="rt_box_tx">
																6﹑发票金额为订单实际付款金额，不包含运费、礼品、奖品、赠品、礼券。
															</div>
															<div class="rt_box_tx">
																7﹑如在下单时遗忘申请电子发票，可申请补开。补开方式为扫描“购物清单”下方中央位置的二维码或者扫描官网“我的订单”中相应订单的下方中央位置的二维码。
															</div>
															<div class="rt_box_tx">
																8﹑已开过的发票不再补开。
															</div>
														</div>
														<div class="rt_box_tx">
															提醒您：如遇陌生电话以“支付宝账号出错”或“资金被冻结”等各种原因要求您提供支付宝等账户密码信息，多数为诈骗信息， 不会在任何情况下要求您提供支付宝等账户密码信息。请您务必保护好相关个人账户安全，保持警惕，谨防诈骗。
														</div>
													</div>
												</div>

											</el-collapse-item>
											<el-collapse-item title="订单状态查询 " name="3">
												<div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
												<div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
											</el-collapse-item>
											<el-collapse-item title="配送政策" name="4">
												<div>目前可参与配送快递公司有顺丰，中通，圆通，申通，韵达，天天，德邦，EMS,不在顺丰快递配送区域内的地址，若您当地未通达顺丰，中通，圆通，申通，韵达，天天，德邦，EMS,，则顺丰，中通，圆通，申通，韵达，天天，德邦，EMS,快递将会在当地转寄第三方快递（如EMS、韵达、申通、中通、圆通等）具体转寄快递将根据当地情况选择合适的快递转寄。</div>
											</el-collapse-item>
											<el-collapse-item title="配送范围及时间" name="5">
												<div class="ps_table_cover">
													<table class="ps_table" cellpadding="0" border="0">
														<tbody>
															<tr>
																<td colspan="6" class="ps_table_title" align="center">送达时间说明</td>
															</tr>
															<tr>
																<td class="ps_table_td3_1"></td>
																<td class="ps_table_td3_2" align="left">省/市/地区</td>
																<td class="ps_table_td3_3"></td>
																<td class="ps_table_td3_4" align="left">送货方式</td>
																<td class="ps_table_td3_5" align="left">送达时间(含下单日)</td>
																<td class="ps_table_td3_6"></td>
															</tr>
															<tr>
																<td rowspan="2"></td>
																<td rowspan="2" class="ps_table_vc" valign="middle" align="left">上海、浙江、江苏、安徽省</td>
																<td rowspan="2"></td>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS,</td>
																<td align="left">发货日起1-2天送达</td>
																<td rowspan="2"></td>
															</tr>
															<tr>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS; 顺丰第三方快递</td>
																<td align="left">发货日起3-5天，部分偏远地区配送会有延迟</td>
															</tr>
															<tr>
																<td colspan="6" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="6" style="height:2px"></td>
															</tr>
															<tr>
																<td rowspan="2"></td>
																<td rowspan="2" class="ps_table_vc" valign="middle" align="left">福建省、广东省、北京市、山东省、江西省、天津市、湖南省、河南省、河北省、陕西省、山西省、湖北省</td>
																<td rowspan="2"></td>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS,</td>
																<td align="left">发货日起2-4天内送达</td>
																<td rowspan="2"></td>
															</tr>
															<tr>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS; 顺丰第三方快递</td>
																<td align="left">发货日起3-5天，部分偏远地区配送会有延迟</td>
															</tr>
															<tr>
																<td colspan="6" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="6" style="height:2px"></td>
															</tr>
															<tr>
																<td rowspan="2"></td>
																<td rowspan="2" class="ps_table_vc" valign="middle" align="left">四川省、重庆市、黑龙江省、云南省、海南省、广西省、吉林省、辽宁省、贵州省、内蒙古区、甘肃省、青海省、宁夏回族自治区</td>
																<td rowspan="2"></td>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS,</td>
																<td align="left">发货日起2-5天送达</td>
																<td rowspan="2"></td>
															</tr>
															<tr>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS; 顺丰第三方快递</td>
																<td align="left">发货日起3-6天，部分偏远地区配送会有延迟</td>
															</tr>
															<tr>
																<td colspan="6" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="6" style="height:2px"></td>
															</tr>
															<tr>
																<td rowspan="2"></td>
																<td rowspan="2" class="ps_table_vc" valign="middle" align="left">西藏自治区 、新疆维吾尔自治区</td>
																<td rowspan="2"></td>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS,</td>
																<td align="left">发货日起2-5天送达</td>
																<td rowspan="2"></td>
															</tr>
															<tr>
																<td align="left">顺丰，中通，圆通，申通，韵达，天天，德邦，EMS; 顺丰第三方快递</td>
																<td align="left">发货日起3-7天，部分偏远地区配送会有延迟</td>
															</tr>
															<tr>
																<td colspan="6" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="6" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td class="ps_table_vc" valign="middle" align="left">中国香港特别行政区，中国澳门特别行政区，中国台湾地区</td>
																<td></td>
																<td colspan="2" align="left">本网站暂不支持该地区购买及配送，建议访问当地网站</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="6" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="6" style="height:2px"></td>
															</tr>
														</tbody>
													</table>
												</div>
											</el-collapse-item>
											<el-collapse-item title="配送费用" name="6">
												<div class="rt_box_tx">购物金额满199元免配送费 </div>
												<div class="rt_box_tx">全场免配送费 </div>
												<div class="ps_table_cover">
													<table class="ps_table" cellpadding="0" border="0">
														<tbody>
															<tr>
																<td colspan="7" class="ps_table_title" align="center">UA运费说明(单笔199元以下非COD订单)</td>
															</tr>
															<tr>
																<td class="ps_table_td4_1"></td>
																<td class="ps_table_td4_2" align="left">省份</td>
																<td class="ps_table_td4_3" align="left">运费</td>
																<td class="ps_table_td4_4"></td>
																<td class="ps_table_td4_5" align="left">省份</td>
																<td class="ps_table_td4_6" align="left">运费</td>
																<td class="ps_table_td4_7"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">上海</td>
																<td align="left">10</td>
																<td></td>
																<td align="left">辽宁</td>
																<td align="left">15</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">浙江</td>
																<td align="left">10</td>
																<td></td>
																<td align="left">重庆</td>
																<td align="left">15</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">江苏</td>
																<td align="left">10</td>
																<td></td>
																<td align="left">陕西</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">北京</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">云南</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">安徽</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">海南</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">山东</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">广西</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">福建</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">吉林</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">广东</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">贵州</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">天津</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">宁夏</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">江西</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">甘肃</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">河南</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">新疆</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">河北</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">西藏</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">湖南</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">青海</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">湖北</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">黑龙江</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">四川</td>
																<td align="left">15</td>
																<td></td>
																<td align="left">内蒙古</td>
																<td align="left">18</td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
															<tr>
																<td></td>
																<td align="left">山西</td>
																<td align="left">15</td>
																<td></td>
																<td align="left"></td>
																<td align="left"></td>
																<td></td>
															</tr>
															<tr>
																<td colspan="7" class="ps_table_btbd"></td>
															</tr>
															<tr>
																<td colspan="7" style="height:2px"></td>
															</tr>
														</tbody>
													</table>
												</div>
											</el-collapse-item>
											<el-collapse-item title="商品验货与签收 " name="7">
												<div class="rt_box_tx">
													请您务必在收到货时仔细核对您所订购的商品外包装完整性、是否使用商城专用封箱带封装、商品的种类/数量/规格、发货清单、发票（如有）等，确认无误后，请在送货单上签字。如您验收商品时发现商品包装破损、商品短缺或错误、商品存在表面质量问题等因素，请您当场向配送人员指出并拒收整个包裹，并及时联系网站客服，我们将尽力为您妥善解决。切勿拆开、损坏商品及外包装。
												</div>
											</el-collapse-item>
											<el-collapse-item title="货到付款收货须知  " name="8">
												<div class="rt_box_tx">
													货到付款发出的商品可以开箱验货。当快递工作人员将您所订购的商品送至您手中时，请您务必在收到快递包裹时仔细核对您所订购商品的快递外包装是否完整、是否使用官方专用封箱带封装；开箱验货请核对您商品的种类/数量/规格及相应的附件；确认快递面单上的金额，确认无误后，请在送货单上签字并按照面单金额付款。
												</div>
											</el-collapse-item>
											<el-collapse-item title="关于货到付款拒收   " name="9">
												<div class="rt_box_tx">
													1、如您验收商品时发现商品快递外包装的包装破损、商品短缺、商品有误或商品存在表面质量问题等因素需要拒收，请当场向快递工作人员指出并拒收。请在拒收商品后及时联系在线客服或拨打4008-206-528 咨询热线，客服人员将帮您进行订单相关操作。
												</div>
												<div class="rt_box_tx">
													2、如因为个人原因拒收，切勿拆开、损坏外包装及商品。
												</div>
												<div class="rt_box_tx">
													3、拒收商品不接受换货，如因尺码原因需要换货，可先行签收货物，之后联系在线客服或拨打4008-206-528 咨询热线，客服人员将帮您进行订单相关操作。
												</div>
											</el-collapse-item>
											<el-collapse-item title="配送货无人签收的特殊说明   " name="10">
												<div class="rt_box_title">
													配送货无人签收的特殊说明
												</div>
												<div class="rt_box_tx">
													如配送公司反馈送货无人或与您联系不上，无法将您的商品送到您的手中，此时，我们会发送邮件向您说明，请您在收到此邮件后尽快联系配送公司，配送公司会尝试为您投递两次。如未收到您的回复又无法联系上您，我们会安排配送公司将您的商品返回库房。在此之后，若您还需要此商品，请您及时联系网站客服。
												</div>
											</el-collapse-item>
											<el-collapse-item title="配送注意事项 " name="11">
												<div class="rt_box_tx">
													1、购物金额未满199元不包含配送费，每单需单独支付配送费。
												</div>
												<div class="rt_box_tx">
													2、如遇促销活动，以活动说明为准。
												</div>
												<div class="rt_box_tx">
													3、如遇国家法定节假日实际送达时间以网站公布送达时间顺延为准。
												</div>
												<div class="rt_box_tx">
													4、每张订单只能配送同城一个地址。
												</div>
												<div class="rt_box_tx">
													5、对于已经发货的订单我们无法修改配送地址信息。
												</div>
												<div class="rt_box_tx">
													6、货到付款服务不支持乡村、大队、组，厂矿、政府、机关、部队、监狱、学校等地址。
												</div>
												<div class="rt_box_tx">
													7、为了让物流配送公司准确送达您订购的商品，请在订购商品时填写详细的收货地址如下：
												</div>
												<div class="rt_box_tx" style="padding: 0px 0px 0px 19px;word-wrap: break-word;">
													XXX省XXX市XXX区XXX路XXX弄XX号XXX住宅小区/单位名称XX号楼XX单元XX室。
												</div>
											</el-collapse-item>
										</el-collapse>
									</div>
								</el-col>
							</el-row>
						</div>
					</div>
				</div>
			</div>
			<div class="el-footer">
				<div class="div-foor-breadcrumb">
					<el-breadcrumb separator="/">
						<el-breadcrumb-item>活动海报</el-breadcrumb-item>
						<el-breadcrumb-item>联系方式</el-breadcrumb-item>
						<el-breadcrumb-item>公司地址</el-breadcrumb-item>
						<el-breadcrumb-item>了解更多</el-breadcrumb-item>
					</el-breadcrumb>
				</div>
			</div>
		</div>
	</body>

	<!--vue库-->
	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
	<!-- 引入组件库 -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<!--less-->
	<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>

	<script>
		new Vue({
			data: {
				title: 'nothing',
				curId: 5,
				navBarFixed: false,
				activeNames: ['1'],
				fullHeight: document.documentElement.clientHeight - 100 + "px", //主题内容屏幕高度
				imgLists: [{	//滚动页动画图片
					imgUrl: '../img/animation/animation1.jpg'
				}, {
					imgUrl: '../img/animation/animation2.jpg'
				}, {
					imgUrl: '../img/animation/animation3.jpg'
				}, {
					imgUrl: '../img/animation/animation4.jpg'
				}],
				seasons: [  //当季新品
				{
						imgUrl: '../img/bra1.jpg',
						name: '样例1',
						stars: 4,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra2.jpg',
						name: '样例2',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra3.jpg',
						name: '样例3',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					}
				],
				items: [ //女神热购  内容展示图及说明
					{
						imgUrl: '../img/bra1.jpg',
						name: '样例1',
						stars: 4,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra2.jpg',
						name: '样例2',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra3.jpg',
						name: '样例3',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra4.jpg',
						name: '样例4',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra5.jpg',
						name: '样例5',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra6.jpg',
						name: '样例6',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra7.jpg',
						name: '样例7',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra1.jpg',
						name: '样例8',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						essage: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra2.jpg',
						name: '样例8',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra3.jpg',
						name: '样例10',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra4.jpg',
						name: '样例11',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra5.jpg',
						name: '样例12',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra6.jpg',
						name: '样例13',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra7.jpg',
						name: '样例14',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
					{
						imgUrl: '../img/bra2.jpg',
						name: '样例15',
						stars: 3,
						material: '棉：95%；氨纶：5%',
						size: 'XS S M L XL',
						message: '产品是函数后或或好好'
					},
				],
				dynamics: [ //品牌活动
					{
						imgUrl: '../img/dynamics/dynamics1.jpg',
						color: 'white',
						name: '落户广州。扎根天河',
						address: '天河区龙洞商业步行街',
						time: '2015年1月2日',
						bgm: '我们开业了，开拓市场，打开局面，让更多的人使用我们的好产品,'
					},
					{
						imgUrl: '../img/dynamics/dynamics2.jpg',
						color: 'blue',
						name: '助力黄埔',
						address: '黄埔区凌塘村11号',
						time: '2016年1月2日-2016年1月9日',
						bgm: '黄浦开发区作为大会上的汇款后'
					},
					{
						imgUrl: '../img/dynamics/dynamics3.jpg',
						color: 'yellow',
						name: '助力黄埔',
						address: '黄埔区凌塘村11号',
						time: '2017年1月2日-2017年1月8日',
						bgm: '黄浦开发区作为大会上的汇款后'
					},
					{
						imgUrl: '../img/dynamics/dynamics4.jpg',
						color: 'pink',
						name: '助力黄埔',
						address: '黄埔区凌塘村11号',
						time: '2018年1月2日-2018年1月8日',
						bgm: '黄浦开发区作为大会上的汇款后'
					},
				]
			},
			methods: {
				watchScroll() {
					var scrollTop = window.pageYOffset || document.getElementById("overflowForY").scrollTop || document.body.scrollTop
					//  当滚动超过 300 时，实现吸顶效果 300为头不动画div高度，可以自动获取，暂时写死 
					if(scrollTop > 299) {
						this.navBarFixed = true
					} else {
						this.navBarFixed = false
					}
				},
				handleChange(val) {
					//手风琴效果点击事件
					//console.log(val);
				}
			},
			created: function() {},
			mounted() {
				// 事件监听滚动条
				document.getElementById("overflowForY").addEventListener('scroll', this.watchScroll);
				//监听屏幕高度
				const that = this;
				window.onresize = function() {
					return(function() {
						window.fullHeight = document.documentElement.clientHeight;
						that.fullHeight = window.fullHeight
					})()
				}
			},
			watch: {
				fullHeight(val) {
					if(!this.timer) {
						this.fullHeight = val;
						this.timer = true;
						let that = this;
						setTimeout(function() {
							that.timer = false
						}, 400)
					}
				}
			}

		}).$mount('#app');
	</script>

</html>